<template>
	<view class="pagesContent">
		<view class="top"> </view>
		<image class="logo" src="../../static/images/appLogo.png" mode=""></image>
		<view class="appName">青衫管家</view>
		<view class="version"> 当前版本 ：V1.0.0 </view>
		<view class="messageView">
			<view class="title">软件简介</view>
			<view class="message">
				XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
				XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
				XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
				XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
				XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
				XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
				XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
				XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

			</view>
			<view class="" style="height: 40rpx;"> </view>
			<view class="adBox">
				<adView></adView>
			</view>
		</view>



	</view>
</template>
<script>
	import {
		mapGetters,
		mapMutations,
		mapActions
	} from 'vuex';

	export default {

		data() {
			return {

			}
		},
		computed: {
			...mapGetters(["appMessage"])
		},
		methods: {}
	}
</script>
<style lang="scss" scoped>
	.pagesContent {

		height: 98vh;
		background: linear-gradient(180deg, #E1EBFF 0%, #FAFCFF 100%);

		.top {
			height: 123.08rpx;
		}

		.logo {
			width: 238.46rpx;
			height: 238.46rpx;
			margin: 0 auto 30.77rpx;
			border-radius: 46.15rpx;
			overflow: hidden;
			display: block;
		}

		.appName {
			text-align: center;
			height: 65.38rpx;
			font-size: 46.15rpx;
			font-weight: 500;
			color: #333333;
			line-height: 65.38rpx;
			margin-bottom: 7.69rpx;
		}

		.version {
			height: 46.15rpx;
			font-size: 32.69rpx;
			font-weight: 400;
			color: #333333;
			line-height: 46.15rpx;
			text-align: center;
			margin-bottom: 107.69rpx;
		}

		.messageView {
			.title {
				padding: 0 61.54rpx;
				margin: 46rpx 0 23.08rpx;
				height: 53.85rpx;
				font-size: 38.46rpx;
				color: #333333;
				font-weight: 600;
			}

			.message {
				width: 626.92rpx;
				margin: 0 auto;
				line-height: 53.85rpx;
				color: #3A71FF;
				font-size: 30.77rpx;
				text-indent: 2em;
				word-wrap: break-word;

			}

		}

	}
</style>